// 获取前一页url参数
let categoryid=getQueryString('categoryid');
let pageid=getQueryString('pageid');
let category=getQueryString('category');

//导航
let nav=document.querySelector('nav')
let el1="";
el1+=`<a href="./../index.html">首页&gt;</a>
<a href="category.html">全部分类&gt;</a>
<a href="./../pages/category_bijia.html?categoryid=${categoryid}&pageid=${pageid}&category=${category}">${category}></a>
<a href="#" id="botton" class="fr">筛选</a>`
nav.innerHTML=el1;

// //获取请求
// let uu=document.querySelector('.uu');
// let el2="";
// fetch('http://chst.vip:1234/api/getproductlist?categoryid='+categoryid)    
//     .then(body=>body.json())
//     .then(res=>{                        
//         res.result.forEach(item=>{       
//         el2+=`<li>
//         <a href="./../pages/category_bijia_detail.html?categoryid=${categoryid}&productid=${item.productId}&productname=${item.productName}&brandname=${item.brandName}&pageid=${pageid}&category=${category}" class="clearfix" data-productid="20">
//             <div class="img fl">
//                 ${item.productImg}
//             </div>
//             <div class="infoR">
//                 <div class="title">
//                     <h4>${item.productName}</h4>
//                     <div class="price">￥1499.00</div>
//                 </div>
//                 <div class="other">
//                     <span class="take_price">${item.productQuote}</span>
//                     <i class="iconfont icon-xiaoxi talkbaout">${item.productCom}</i>
//                 </div>
//             </div>
//         </a>
//     </li>`
//         })
//         uu.innerHTML=el2;
//     })


    //懒加载
    let uu=document.querySelector('.uu');
    let el2="";
    function render(data, el){
        data.forEach(item => {
            el2+=`<li>
            <a href="./../pages/category_bijia_detail.html?categoryid=${categoryid}&productid=${item.productId}&productname=${item.productName}&brandname=${item.brandName}&pageid=${pageid}&category=${category}" class="clearfix" data-productid="20">
                <div class="img fl">
                    ${item.productImg}
                </div>
                <div class="infoR">
                    <div class="title">
                        <h4>${item.productName}</h4>
                        <div class="price">￥1499.00</div>
                    </div>
                    <div class="other">
                        <span class="take_price">${item.productQuote}</span>
                        <i class="iconfont icon-xiaoxi talkbaout">${item.productCom}</i>
                    </div>
                </div>
            </a>
        </li>`
        })              
        uu.innerHTML=el2;
    }
    //首次发起页面请求
function getData(pageid = 1) {
    fetch(`http://chst.vip:1234/api/getproductlist?pageid=${pageid}&categoryid=${categoryid}`)
           
        .then(body => body.json())
        .then(res => {
            console.log(res)
            render(res.result, container)
        })
}
getData() //首次调用

// //声明初始的pageid
// let pageid = 1;

lazyLoad(function () {
    // 在这里发送请求
    pageid++
    if (pageid > 14) {
        alert('服务器没有更多数据了')
        return
    }
    //pageid最多到14;超过了 服务器就没有数据响应了
    getData(pageid)
    
}, 100)


     